* {
    margin: 0;
    padding: 0;
}
@media screen and (min-width:750px) {
    html{
        font-size: 100px;
    }
}
@media screen and (max-width:750px) {
    html{
        font-size: 13.33vw; 
    }  
}
section{
    width: 7.5rem;
    height: 10rem;
}
.lase{
    width: 7.5rem;
    height: .04rem;
    background: #0155FF;
}
.p1{
    width: 1.28rem;
height: .31rem;
font-size: .32rem;
font-family: PingFangSC;
font-weight: 600;
color: #2B2E46;
line-height: .39rem;
margin-top: .6rem;
margin-left: .4rem;
}
.c1{
    width: 6.7rem;
    height: 4rem;
    margin: 0 auto;
}
.c2{
    margin-top: .4rem;
    padding-top: .2rem;
    width: 6.7rem;
    height: 4rem;
    background: #FFFFFF;
    border-radius: .2rem;
}
.c3{
    width: 6.7rem;
    height: .5rem;
    display: flex;
    justify-content: space-between;
}
.c3 p:nth-of-type(1){
    margin-left: .2rem;
    width: 2.7rem;
height: .31rem;
font-size: .32rem;
font-family: PingFangSC;
font-weight: 600;
color: #2B2E46;
line-height: .39rem;
opacity: 0.5;
}
.c3 p:nth-of-type(2){
    margin-right: .2rem;
    width: .68rem;
height: .23rem;
font-size: .24rem;
font-family: PingFangSC;
font-weight: 600;
color: #FF4901;
line-height: .39rem;
}
.c4{
    width: 6.7rem;
    height: .5rem;
    display: flex;
     justify-content: space-between; 
     margin-top: .2rem;
}
.c4 p:nth-of-type(1){
    margin-left: .4rem;
    width: 1.32rem;
height: .25rem;
font-size: .26rem;
font-family: PingFangSC;
font-weight: 600;
color: #2B2E46;
line-height: .39rem;
}
.c4 p:nth-of-type(2){
    margin-right: .3rem;
   
    width: 1.85rem;
height: .25rem;
font-size: .26rem;
font-family: PingFangSC;
font-weight: 600;
color: #2B2E46;
line-height: .39rem;
opacity: 0.2;
}
.c5{
    width: 6.7rem;
height: .02rem;
background: #000000;
opacity: 0.1;
}
.c6{
    width: 1.21rem;
    height: .25rem;
    margin-top: .2rem;
}
.c6 p{
    margin-left: .4rem;
    width: 1.21rem;
height: .25rem;
font-size: .26rem;
font-family: PingFangSC;
font-weight: 600;
color: #2B2E46;
line-height: .39rem;
}
.c7{
    width: 2rem;
    height: .25rem;
    margin-top: .4rem;
}
.c7 p{
    margin-left: .6rem;
    width: 2rem;
height: .25rem;
font-size: .28rem;
font-family: PingFangSC;
font-weight: 600;
color: #2B2E46;
line-height: .39rem;
opacity: 0.2;
}
#only{
    width: 7.5rem;
    height: 15rem;
    position: absolute;
}
.t1{
    width: 7.5rem;
height: 16.23rem;
background: #000000;
opacity: 0.8;
}
.k1{
    margin: 0 auto;
    border: solid rebeccapurple 1px;
    width: 5.8rem;
height: 6.22rem;
background: #F7FAFF;
border-radius: .2rem;
 position: absolute;
z-index: 1;
left: 1rem;
top: 7rem;
  flex-direction: column;
 display: flex; 
  justify-content: center;
align-items: center; 
}
.ii{
    width: 4rem;
    margin: 0 auto;
}
.k2{
    width: 2rem;
    height: 1.7rem;
    margin: 0 auto;

}
.k2 img{
    width: 2rem;
    height: 1.5rem;
    margin-top: .6rem;
    margin-right: .2rem;
    
    
}
.k1 p:nth-of-type(1){
    width: 2.5rem;
height: .55rem;
font-size: .36rem;
font-family: PingFangSC;
font-weight: 600;
color: #2B2E46;
line-height: .39rem;
/* margin-left: 2rem; */
margin-top: .8rem;
}
.k1 p:nth-of-type(2){
    width: 3.94rem;
height: .35rem;
font-size: .24rem;
font-family: PingFangSC;
font-weight: 600;
color: #2B2E46;
line-height: .39rem;
opacity: 0.5;
/* margin-left: 1.3rem; */
margin-top: .2rem;
}
.k1 span{
    width: .54rem;
height: .25rem;
margin-left: .3rem;
font-size: .24rem;
font-family: PingFangSC;
font-weight: 600;
color: #FF4901;
line-height: .39rem;
}
.k1 p:nth-of-type(3){
    margin: 0 auto;
    width: 1.44rem;
height: .23rem;
font-size: .24rem;
font-family: PingFangSC;
font-weight: 600;
color: #2B2E46;
line-height: .39rem;
opacity: 0.5;
}
.k3{
    margin-top: .5rem;
    /* margin-left: 1rem; */
    width: 3.86rem;
height: .7rem;
background: #0155FF;
border-radius: .4rem;
font-size: .36rem;
font-family: PingFangSC;
font-weight: 600;
color: #FFFFFF;
line-height: .39rem;
padding-top: .3rem;
text-align: center;
}